/*
Theme Name: Sohotravel
Theme URI:  http://www.sohotravel.me
Description: The Sohotravel Theme.
Version: 1.0
Author: Theme Developed by: NU SIT BAr
Author URI: mailto: ikukic@yahoo.com
Tags: 
*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
    margin:0;
    padding:0
}

ol,ul {
    list-style:none
}

blockquote,q {
    quotes:none
}

:focus {
    outline:0
}

del {
    text-decoration:line-through
}

table {
    border-collapse:collapse;
    border-spacing:0
}

.clear {
    clear:both
}

/*
+  CLEAR FLOATS
---------------------------------------------------------------------------- */

.clearfix:after { 
    content: "."; display: block; height: 0; clear: both; visibility: hidden;
}
.clearfix {    
    display: inline-block;
}
/* Hides from IE-mac \*/ * html .clearfix { height: 1%;}
.clearfix {
    display: block;
}
.spacer{
    width: 100%;
    height: 0;
    background: none;
    clear: both;
}

a {
    color:#fff;
    text-decoration:none
}

html {
    font-family: Arial, Helvetica;
    font-size: 13px;
}

body {  
    background: url(../img/it-montenegro-bg.jpg) no-repeat center top transparent;
    width: 100%;   
}
.wrapper {
    width:930px;
    margin:0 auto;
   /* -moz-box-shadow:    0 0 10px #000000; 
    -webkit-box-shadow: 0 0 10px #000000; 
    box-shadow:         0 0 10px #000000;*/
    background: url(../img/background-trans-white.png) repeat left top transparent;
}
h1{
    font-size: 19px;
    line-height: 19px;
    color: #333;
    text-shadow:1px 1px 1px #dedede;

    color: #E77817;
    font-size: 31px;
    line-height: 31px;
    /*letter-spacing: -1px;*/
    /*font-family: Arial Narrow,Arial,Helvetica,sans-serif;*/
    visibility: hidden;

}
h1.color{
    color: #333;
    text-shadow:none;
    letter-spacing: 0;
}

h5{
    padding-bottom: 13px;
}



/***  HEADER ***/
/*#header{
    height: 524px;
    position: relative;
    top: 0;
    z-index: 1;
    overflow: hidden;
}
#header #h-absolute{
    position: absolute;
    z-index: -2;
}
#header #sub-bg {
    background: url(../img/backgnds/sub-bg.png) repeat-x scroll left bottom #FFFFFF;
    height: 286px;
    width: 1000px;
}*/
.nivoSlider {
    position:relative;
    width:1000px; /* Change this to your images width */
    height:239px; /* Change this to your images height */
    background:url(../img/backgnds/loading.gif) no-repeat 50% 50%;
    z-index: 0;
}
.nivoSlider img {
    position:absolute;
    top:0px;
    left:0px;
    display:none;
}
.nivoSlider a {
    border:0;
    display:block;
}
/*#h-relative{
    position: relative;
    z-index: 0;
}
#header #logo{
    margin: 14px 0 0 23px;
    height: 143px;
    width: 199px;
    height: 143px;
}
#header_info{
    margin-top: 31px;
}

#header #info{
    margin-left: 22px;
    letter-spacing: -0.3px;
}
#header #info ul li{
    float: left;
    padding-right: 7px;
    color: #353030;
    font-size: 12px;
}
#header #info ul li.last{
    padding-right: 0;
}
*/

#header #flags{
    float: right;
    margin: 0 19px 0 0;
}
#header #flags ul li{
    float: left    
}
#header #flags ul li a{
    display: block;
    margin-left: -2px ;
}
#header #flags ul li, #header #info ul li{
    line-height: 24px;
    height: 24px;
}

/*** MAINMENU ***/
#mainmenu{
    margin-left:7px;
    width: 986px;
    margin-top: 4px;
    z-index: 2;
    position: relative;
}
#mainmenu ul li{
    float: left;
}
#mainmenu ul li a{
    font-size: 18px;
    font-weight: normal;
    display: block;
    background:url(../img/backgnds/mainmenu/m-mid.png) repeat-x left top;
    text-align: center;
    /*height: 49px;
    line-height: 49px; */
    width: 242px;
}
#mainmenu ul li a {
    background: url(../img/backgnds/mainmenu/m-mid.png) repeat-x scroll left top transparent;
    display: block;
    font-size: 18px;
    font-weight: normal;
    height: 49px;
    line-height: 49px;
    text-align: center;
    width: 242px;
    text-transform: uppercase;
}
#mainmenu ul li a:hover, #mainmenu ul li.selected a{
    background:url(../img/backgnds/mainmenu/m-mid.png) repeat-x left -53px;
    color: #FFF;
}
#mainmenu ul li a img{
    margin-top: 14px;
}
#mainmenu ul li a.first{
    background:url(../img/backgnds/mainmenu/m-left.png) no-repeat left top;
}
#mainmenu ul li a.first:hover, #mainmenu ul li.selected a.first {
    background:url(../img/backgnds/mainmenu/m-left.png) no-repeat left -53px;
}
#mainmenu ul li a.last{
    background:url(../img/backgnds/mainmenu/m-right.png) no-repeat right top;
}
#mainmenu ul li a.last:hover, #mainmenu ul li.selected a.last{
    background:url(../img/backgnds/mainmenu/m-right.png) no-repeat right -53px;
}
#mainmenu ul li a.first,#mainmenu ul li a.last{
    width: 248px; 
}
/*** SUBMENU ***/
#submenu{
    position: relative;
    top: -7px;
    z-index: 1;
    left: 16px;
}
#submenu ul li{
    float: left;
}
#submenu ul li ul.submenu{
    background:url(../img/backgnds/mainmenu/sub-bg.png) no-repeat left top;
    width: 237px;
    height: 257px;
    padding-left: 7px;
    padding-top: 2px;
}

#submenu ul li ul.submenu li{
    float: none;
}
#submenu ul li ul.submenu li a{
    display: block;
    font-size: 16px;
    text-shadow: #6e6265 1px 1px 1px;
    height: 27px;
    line-height: 27px;
    width: 223px;
    text-align: center;
    letter-spacing: -0.5px;
}
#submenu ul li ul.submenu li a:hover, #submenu ul li ul.submenu li a.selected{
    background:url(../img/backgnds/mainmenu/sub-hover.png) repeat-x left top;
}
ul#onlinebooking li:first-child{
    padding-top: 25px;
}
ul#onlinebooking li{
    padding-top: 27px;
}
ul#onlinegif{
    position: absolute;
    right: 358px;
    top: 11px;
    z-index: -1px;
}
ul#onlinegif li{
    float: none;
}
ul#onlinegif li:first-child{
    padding-top: 0;
}
ul#onlinegif li{
    padding-top: 35px;
}
#submenu .submenu li{
    position: relative;
    z-index: 1;
}
#best-buy{
    position: absolute;
    right: 286px;
    top: 19px;
    z-index: 2;
}
#cards{
    position: absolute;
    right: 282px;
    top: 198px;
    z-index: 1;
}
#cards ul li{
    float: none;
    color: #333333;
    text-align: center;
    width: 223px;
    letter-spacing: -.2px;
}
/***  BODY ***/
#body{
    /*background: #FFF;*/
    padding: 19px 0 27px 20px;
    /*height: 311px;*/
}

#videos{
    height: 148px;
    margin-top: 15px;
    margin-left: 3px;
    position: relative;
    overflow: hidden;
    width:958px
}
.video{
    width: 223px;
    height: 148px;
    margin-right: 22px;
    float: left;
    position: relative;
    z-index: 0;
    background: #dedede;
}
#videos .last{
    /*margin-right: 0;*/
}
.video span{
    background: url(../img/yt-logo.png) no-repeat top left transparent;
    width: 57px;
    height: 20px;
    position: absolute;
    bottom: 6px;
    right: 9px;
}
#videos .nav-left{
    position: absolute;
    left: 6px;
    top: 59px;
    z-index: 1;
}
#videos .nav-right{
    position: absolute;
    right: 6px;
    top: 59px;
    z-index: 1;
}
#videos a{
    display: block;
}
.scroll .items {
    clear: both;
    position: absolute;
    width: 20000em;
}
.loading {
    background-image: url("../img/backgnds/anim_loading.gif");
    color: #000000;
    display: none;
    height: 16px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
    width: 16px;
}
#banners-partners{
    height: 54px;
    margin-top: 15px;
    margin-left: 3px;
    /*overflow: hidden;*/
}
#banners-partners a{
    margin-right: 15px;
    
}
#banners-partners a img{
   padding: 2px;
    border: 1px solid #E5E5E5 
}

/*FOOTER*/

#footer{
    /*height: 411px;*/
    background: url(../img/backgnds/footer-bg.png) repeat-x bottom left #ebebeb;
    margin-bottom: 50px;
}

.anketa, #footer #foot-info, #footer #mail-list{
    float: left;
}

.anketa{
    padding : 16px 0 0 16px;
    width: 321px;
    color: #333;
}
.a-top{
    height: 13px;
    background: url(../img/backgnds/a-top.png) no-repeat top left transparent;
}
.a-mid{
    padding: 2px 17px 0 17px;
    background: url(../img/backgnds/a-mid.png) repeat-y top left transparent;
}
.a-mid h1{
    font-size: 14px;
    line-height:14px;
    text-transform: uppercase;
}
#anketa .a-mid h1{
    padding: 1px 0 2px 1px;
}
.a-mid h3{
    font-size: 13px;
    margin-top: 4px;
    line-height: 14px;
}
.a-mid .answers{
    font-size: 13px;
    margin-top: 11px;
    padding: 0 0 0 13px;
    line-height: 20px;
}
.a-mid .answers input{
    padding-left: 13px;
    margin-top: 4px;
    position: absolute;
}
.a-mid .submit{
    text-align: center;
    margin-top: 15px;
    margin-left: 85px;
    padding-bottom: 10px;
}
.a-mid .submit a, .f-submit input, .submit input{
    width: 119px !important;
    height: 29px;
    background: url(../img/backgnds/a-glasaj.png) no-repeat top left transparent;
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
    display: block;
    line-height: 29px;
    border:0;
    color:#FFF;
    font-size: 12px;
    cursor: pointer;
}
.a-mid .answers span{
    padding-left: 39px;
}
.a-bot{
    height: 13px;
    background: url(../img/backgnds/a-bot.png) no-repeat top left transparent;
}
#footer #foot-info{
    color: #333333;
    font-size: 14px;
    margin-top: 6px;
    text-align: center;
    width: 325px;
    line-height: 14px;
}
#footer #foot-info .logo{
    margin-bottom: 1px;
}
#footer #foot-info p{
    margin-bottom: 13px;
}
#footer #mail-list{
    padding : 16px 0 0 0;
    width: 321px;
    color: #333;
}
#footer #mail-list .a-mid{
    padding: 2px 17px 0 19px;
}
#footer #btn-send-maillist {
    background: url("../img/backgnds/btn-send-maillist.png") no-repeat scroll 0 0 transparent;
    border: medium none;
    cursor: pointer;
    display: block;
    height: 18px;
    line-height: 18px;
    margin-top: 10px;
    text-indent: -9999px;
    width: 60px;
}
/*#btn-send-maillist:hover {
background: url("../img/backgnds/btn-send-maillist.png") no-repeat scroll 0 -18px transparent;
}*/
#footer #maillist-email {
    background: url("../img/backgnds/input-maillist.png") no-repeat scroll left top transparent;
    height: 27px;
    line-height: 27px;
    margin-top: 16px;
    margin-left: 2px;
    width: 279px;
}
#footer #maillist-email input {
    /*background: none repeat scroll 0 0 transparent;
    border: medium none; */
    color: #333333;
    font-size: 11px;
    height: 27px;
    line-height: 27px;
    padding: 0 5px;
    width: 269px;
}
input.idle {
    color: #333333 !important;
    font-style: normal !important;
    font-size: 14px;
}
#footer #mail-list .submit{
    margin-left: 83px;
    margin-top: 16px;
    padding-bottom: 11px;
    text-align: center;
}
#footer #instrukcije{
    margin: 31px 5px 0;
}
#footer #instrukcije ul li{
    float: right;
    height: 36px;
    text-align: right;
    padding-left: 22px;
    font-size: 13px;
}
#footer #instrukcije ul li a{
    display: block;
}
#footer #instrukcije .i-text{
    position: absolute;
    right: 0;
    top: 7px;
}
#footer #instrukcije .i-text-li{
    position: relative;
    width: 200px;
    line-height: 14px;
}
#footer #instrukcije #social{
    margin-top: 18px;
}
#footer #instrukcije #social li{
    padding-left: 16px;
}
#footer #instrukcije #social .i-text-li {
    width: 110px;
}
#footer #instrukcije #social .i-text {
    top:22px;
}
#foot-foot{
    background: url(../img/backgnds/footer.png) no-repeat scroll left top transparent;
    height: 91px; 
    width: 976px;
    margin-left: 10px;
    padding: 16px 0 0 31px;
}
#foot-foot .logo,#foot-foot #ff-nav{
    float: left;
}
#foot-foot #ff-nav{
    margin:37px 0 0 48px;
}
#foot-foot #ff-nav li{
    float: left;
}
#foot-foot #ff-nav li a{
    color: #FFF;
    font-weight: bold;
    font-size: 15px;
    text-shadow: #6c6164 2px 1px;
    padding: 0 22px;
}
#foot-foot #ff-nav li a:hover{
    color: #ff9933;
}
#signiture, #signiture a {
    color: #333333;
    font-size: 10px;
    margin-top: -7px;
    padding-bottom: 2px;
    position: relative;
    text-align: center;
}

/*CHECKBOXEX*/

.has-js .label_check,
.has-js .label_radio { /*padding-left: 34px;*/ line-height: 21px;}
.has-js .label_radio { background: url(../img/backgnds/radio-off.png) no-repeat scroll 5px 1px; }
.has-js .label_check { background: url(../img/backgnds/check-off.png) no-repeat; }
.has-js label.c_on { background: url(../img/backgnds/check-on.png) no-repeat; }
.has-js label.r_on { background: url(../img/backgnds/radio-on.png) no-repeat scroll 5px 1px; }
.has-js .label_check input,
.has-js .label_radio input { position: absolute; left: -9999px; } 

.body-wrap .dynamic-content{
    padding: 3px 0 43px 13px;
    padding: 1px 0 0 6px;
    width:692px;
    float:left
}
.body-wrap .dynamic-content .text{
    padding-top:23px;
    position: relative;
}
.body-wrap p{
    color:#333;
    line-height: 19px;
    padding-bottom: 23px;
}
.body-wrap a p{
    color:#FFF;
    line-height: 34px;
    padding-bottom: 0;
}
.banners-comercial{
    float:right; 
    margin-top: -3px;
    position: relative;
}
.banners-comercial .box{
    float: none;
    margin: 0 21px 15px 0;
}
.body-wrap{
    background: url(../img/backgnds/body-wrap.gif) repeat-y right top transparent;
}
.banners-comercial .last{
    margin-bottom: 3px;
}

/*EDITOR STYLE*/

.body-wrap p {
    /*margin-bottom: 1.625em;*/
}
.body-wrap ul, .body-wrap ol {
    margin: 0 0 1.625em 2.5em;
    padding: 0;
}
.body-wrap ul {
    list-style: square outside none;
}
.body-wrap ol {
    list-style-type: decimal;
}
.body-wrap ol ol {
    list-style: upper-alpha outside none;
}
.body-wrap ol ol ol {
    list-style: lower-roman outside none;
}
.body-wrap ol ol ol ol {
    list-style: lower-alpha outside none;
}
.body-wrap ul ul, .body-wrap ol ol, .body-wrap ul ol, .body-wrap ol ul {
    margin-bottom: 0;
}
.body-wrap dl {
    margin: 0 1.625em;
}
.body-wrap dt {
    font-size: 15px;
    font-weight: bold;
}
.body-wrap dd {
    margin: 0 0 1.625em;
}
.body-wrap li {
    line-height: 19px;
}
.body-wrap strong {
    font-weight: bold;
}
.body-wrap cite, .body-wrap em, .body-wrap i {
    font-style: italic;
}
.body-wrap cite {
    border: medium none;
}
.body-wrap big {
    font-size: 131.25%;
}
.body-wrap pre {
    background: none repeat scroll 0 0 #F4F4F4;
    /*font: 13px/1.5 "Courier 10 Pitch",Courier,monospace;*/
    margin-bottom: 1.625em;
    padding: 0.75em 1.625em;
}
.body-wrap pre {
    /*background: none repeat scroll 0 0 #E77817;
    font-size: 13px;
    line-height: 1.5em;
    font-family: Arial;
    margin-bottom: 1.625em;
    padding: 0.43em 1.625em;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase; */
    
     background: none repeat scroll 0 0 #E77817;
    color: #FFFFFF;
    font-family: Arial;
    font-size: 13px;
    font-weight: normal;
    line-height: 1.5em;
    margin-bottom: 1.625em;
    padding: 0.33em 1.025em;
}
.body-wrap code, .body-wrap kbd, .body-wrap code var {
    font: 13px Monaco,Consolas,"Andale Mono","DejaVu Sans Mono",monospace;
}
.body-wrap abbr, .body-wrap acronym, .body-wrap dfn {
    border-bottom: 1px dotted #666666;
    cursor: help;
}

/*ARRANGEMENTS*/

.body-wrap #mb{
    position:relative;
    margin-left:-17px
}
.body-wrap #mb .space-fix{
    clear:both;
    margin-top: 15px
}
.medium {
    height: 312px;
    height: 100%;
    height: 278px;
    width: 333px;
}
.medium .boxhead .bt-mid {
    width: 309px;
}
.medium .image {
    height: 244px;
    width: 327px;
}
.medium .info {
    width: 327px;
}
#pro-gallery{
    float: right;
    margin-left:23px  
}
#pro-gallery .item{
    border: 2px solid #dedede;
    padding:2px;
    margin-bottom:11px
}
.pro-gallery-text{
    width:490px !important;
}
#pro-gallery .item a{
    display:block
}
#pro-gallery .last{
    margin-bottom: 0 !important;
}
.contact_info .left_1{
    float:left;
    margin: 57px 0 0 30px;
}
.contact_info .info-text{
    text-align: center;
    padding:20px 0 0 0;
    width:270px;
    font-size: 15px;
}
.contact_info .info-text p{
    padding-bottom:13px;
    line-height: 15px;
}
.contact_info .left_2{
    float:left;
    margin: 67px 0 0 67px;
}
#contact_form{
    background: #cccccc;
    width:609px;
    height:210px;
    padding: 35px 31px 23px 52px
}
#contact_info{
    padding:0;
    margin:0 
}
#contact_info dt, #contact_info dd{
    float: left;
}
#contact_info dl{
    padding-bottom:33px;
    margin-right:0
}
#contact_info dd{
    margin:0
}
#contact_info dt{
    width:130px;
    text-align: right;
    font-size: 12px;
    line-height: 21px;
    padding-right:7px
}
#contact_info dl.notice dt, #contact_info dl.notice dd{
    float:none;
}
#contact_info dl.notice{
    margin:-7px 0 0; 
    position: absolute;
}
#contact_info dl.notice dt{
    text-align: left;
}
#contact_form h4{
    text-transform: uppercase;
    font-size: 17px;
    color:#333333
}
#contact_form .ff_title, #contact_form .ff_content{     
    float:left            
}
#contact_form .ff_content{
    width:459px
}
.p_contact_info input{
    width:294px
}
.p_contact_info textarea{
    width:602px;
    height:55px
}
#contact_form b.required, #contact_form .note-asterisk {
    color: #333333;
    font-size: 10px;
    font-weight: bold;
    margin: 0 0 0 -11px;
    padding: 0 5px 0 0;
}

/*ANALOG COLOCL CSS*/
#xorAnalogClock {
    border: 0;
    background: transparent /*url(../img/analog-clock/bg-transparent.gif)*/;
}
/*END ANALOG COLOCL CSS*/

.analog-clock{
    position:absolute;
    right:200px;
    top:33px
}
.analog-clock .clocks li{
    float:right;
    width: 100px;
}
.analog-clock .towns{
    position:absolute;
    right:0;
    top:98px
}
.analog-clock .towns li{
    width: 100px;
    text-align: center;
    color:#333;
    font-size: 12px;
    float:left;
    position: relative;
}
.analog-clock .towns li span{
    background: url(../img/backgnds/temparature.png) no-repeat transparent;
    width: 61px;
    height: 27px;
    display: block;
    position: absolute;
    left:20px;
    top:16px;
    padding: 5px 0 0 0;
    font-weight: bold;
}
.useful-links .medium {
    height: 255px;
    margin-bottom: 43px;
    margin-top: 5px;
    width: 333px;
}
.useful-links .title{
    color: #333;
    font-weight: bold;
    padding: 3px 0 10px 7px;
    text-transform: uppercase;
}
.useful-links .medium .info {
    width: 325px;
}
.error{
    border:1px solid red !important;
}
.titles-banners-absolute{
    position:absolute;
    top:0;
    left:0
}

/*POLL */
.results{
    margin: 13px 0 0;
}
.result-feedback{
    margin:4px 0 18px;
    border: 1px solid #D1D1D1;
    font-size: 0;  
}
.result-feedback-bar {
    background-color: #F58634;
    font-size: 0;
    height: 15px;
    margin: 1px;
    padding: 1px 0;
}
.t_text, .t_number{
    float: left;
}
.t_number{
    font-weight: bold; 
}
.t_link a{
    clear: left;
    color: #333;
    padding: 23px 0 13px 0;
    display: block;
    text-decoration: underline;
    font-weight: bold;
}
.poll-vote, .poll-view_result,#poll-vote, #poll-view_result{
    float:left;
    margin-top: 7px;
}
.poll-vote,#poll-vote{
    margin-left: 10px;
}
#pro-documents li{
    list-style-type: none;
    padding: 7px 0;
}
#pro-documents li a{
    color:#333;
    position: relative;
    display: block;
    font-size: 14px;
    line-height: 25px;
    padding-left:13px
}
#pro-documents li span{
    position: absolute;
    top:-4px;
    left:-23px
}
#pro-documents ul{
    margin-left: 1.7em;
}
.finish-table thead td{
    padding: 3px 5px;
    line-height: 21px;
    background: #E77817;
    text-transform: uppercase;
    color:#FFF;
    font-weight: bold;
}
.finish-table tbody td{
   padding: 3px 5px;
    line-height: 21px;
    background: #FFF;
    color:#333;
    font-weight: normal; 
}
.games a{
    display: block;
    padding: 0 33px 33px 0;
    float: left;
}